<head>
<style type="text/css">
        section {width: 960px; height: 600px; margin: 50px; border: 1px solid gray;}
    </style>


    <style type="text/css">
        #result-table { width: 100%; }
        .data_label > div {width: 100px; background-color: #FFFF99; border-radius: 50 0 0 50; padding: 20px 10px 20px 40px;}
        .score_label > div { width: 20px; height: 20px; padding:20px; background-color: #444444; border-radius: 60px; border: 10px solid red; font: bold 14pt sans-serif; color: #FFF;}
        
        .game-element { width: 100%; border-bottom: 1px solid #551A8B; padding: 0 15 0 15;}
        .game-element:hover { background-color: #CCCCCC; border-bottom: 2px solid #551A8B;}
         .container-goals { vertical-align: top; }
       .flag img {width: 80px; height: 54px;}
       .country {font: normal 16pt sans-serif; color: #737373}
       .country > div {width: 200px;}
       .score {font: normal 18pt sans-serif;}
       .score > div { padding: 0 10 0 10; }
       .score > div > input { width: 30px; height: 30px; font: bold 13pt sans-serif;}
       .left { float: left; }
       .right { float: right;}
       .left > div { float: left; margin: 10 0 10 0;}
       .right > div { float: right; margin: 10 0 10 0; text-align: right;}
       .goals-aut { list-style-type: none; padding: 0px; position: relative; top: 0px; }
       .goals-aut > li { margin: 0px; padding: 0px;}
       .counter { margin: 0 auto; width: 150px; text-align: center; font: bold 14pt sans-serif; background-color: #83A5BF; color: #FFF; border-radius: 20px; padding: 3px;}
    </style>
</head>

<section>
    <table id='result-table'>
        <tr>
            <td class='data_label'><div>6 Jun</div></td>
            <td>
                <table class='game-element'>
                     <tr>
                        <td class='flag left'><div><img class='flag_left' src='../../static/img/flags/Germany.png'></div></td>
                        <td class='country left'><div>Germany</div></td>
                        <td class='score right'><div>1</div></td>
                        <td class='score left'><div>1</div></td>
                        <td class='country right'><div>France</div></td>
                        <td class='flag right'><div><img class='flag_right' src='../../static/img/flags/France.png'></div></td>
                    </tr>
                    <tr>
                        <td colspan=3 class='container-goals'>
                            <ul class='left goals-aut'>
                                <li>41' Psheck</li>
                            </ul>
                        </td>
                        <td colspan=3 class='container-goals' >
                            <ul class='right goals-aut'>
                                <li>2' Totopulus</li>
                                <li>58' Ichinokakis</li>
                            </ul>
                        </td>
                    </tr>
                </table>
            </td>
            <td class='score_label'><div>+4</div></td>
        </tr>
        
        <tr>
            <td class='data_label'><div>6 Jun</div></td>
            <td>
                <table class='game-element'>
                     <tr>
                        <td class='flag left'><div><img class='flag_left' src='../../static/img/flags/Germany.png'></div></td>
                        <td class='country left'><div>Germany</div></td>
                        <td class='score right'><div>1</div></td>
                        <td class='score left'><div>1</div></td>
                        <td class='country right'><div>France</div></td>
                        <td class='flag right'><div><img class='flag_right' src='../../static/img/flags/France.png'></div></td>
                    </tr>
                    <tr>
                        <td colspan=3 class='container-goals'>
                            <ul class='left goals-aut'>
                                <li>41' Psheck</li>
                            </ul>
                        </td>
                        <td colspan=3 class='container-goals' >
                            <ul class='right goals-aut'>
                                <li>2' Totopulus</li>
                                <li>58' Ichinokakis</li>
                            </ul>
                        </td>
                    </tr>
                </table>
            </td>
            <td class='score_label'><div>+4</div></td>
        </tr>
        
        <tr>
            <td class='data_label'><div>6 Jun</div></td>
            <td>
                <table class='game-element'>
                     <tr>
                        <td class='flag left'><div><img class='flag_left' src='../../static/img/flags/Germany.png'></div></td>
                        <td class='country left'><div>Germany</div></td>
                        <td class='score right'><div>1</div></td>
                        <td class='score left'><div>1</div></td>
                        <td class='country right'><div>France</div></td>
                        <td class='flag right'><div><img class='flag_right' src='../../static/img/flags/France.png'></div></td>
                    </tr>
                    <tr>
                        <td colspan=3 class='container-goals'>
                            <ul class='left goals-aut'>
                                <li>41' Psheck</li>
                            </ul>
                        </td>
                        <td colspan=3 class='container-goals' >
                            <ul class='right goals-aut'>
                                <li>2' Totopulus</li>
                                <li>58' Ichinokakis</li>
                            </ul>
                        </td>
                    </tr>
                </table>
            </td>
            <td class='score_label'><div>+4</div></td>
        </tr>
        
        <tr>
            <td class='data_label'><div>6 Jun</div></td>
            <td>
                <table class='game-element'>
                     <tr>
                        <td class='flag left'><div><img class='flag_left' src='../../static/img/flags/Germany.png'></div></td>
                        <td class='country left'><div>Germany</div></td>
                        <td class='score right'><div><input type='text' id='game-21314-German' /></td>
                        <td class='score left'><div><input type='text' id='game-21314-German' /></td>
                        <td class='country right'><div>France</div></td>
                        <td class='flag right'><div><img class='flag_right' src='../../static/img/flags/France.png'></div></td>
                    </tr>
                    <tr>
                        <td colspan=6>
                            <div class='counter'>7:21:05</div>
                        </td>
                    </tr>
                </table>
            </td>
            <td class='score_label'><div>+4</div></td>
        </tr>
    </table>
</section>